
@import "xz-cloud-base";


.select1{
  width: 100%;
  overflow: hidden;
}
.select1 >h1{
  .setMargin-top(60);
  .fs(35);
  font-weight: 400;
  text-align: center;
}
.select1-mid{
  .setMargin-top(70);
  padding: 0 7%;
  overflow: hidden;
  margin-bottom: .5rem;
}


div[class~=select1-middle] {
  .sw(137);
  text-align: center;
}
.select1-mid p{
  text-align: center;
  color:@fc-q;
  .fs(28);
  .setMargin-top(15);
}

.select1-middle-1{
  width: 21%;
  .setMargin-top(25);
  float: left;
}
.select1-middle-1 >img{
  width: 100%;
}


.select1-middle-2{
 width: 21%;
  .setMargin-left(29);
  float: left;
}

.select1-middle-2 >img{
 width: 73%;
  margin: 0 auto;
}

.select1-middle-3{
  width: 21%;
  .setMargin-left(37);
  .setMargin-top(66);
  float: left;
}
.select1-middle-3 >img{
  width: 100%;
}

.select1-middle-4 {
  float: right;
  width: 21%;

  .setMargin-top(37);
}
.select1-middle-4 >img{
  margin: 0 auto;
width: 78.5%;
}
.sellerCenter{
  position: relative;
  width: 100%;
  .setMargin-top(70);
}
.sellerCenter > .sellerCenter-01{
  width: 100%;
}
.sellerCenter > .sellerCenter-02{
  position: absolute;
  width: 82%;
  top: 33%;
  left: 9%;
}

.sellerCenter >.sellerCenter-div-01{
  position: absolute;
  width: 25%;
  top: 31%;
  left: 8%;
    > img {
       width: 60%;
       margin: 0 auto;
      .setMargin-bottom(10);
    }
  > p{
    .fs(28);
    color: #ffffff;
    text-align: center;
  }

}

.sellerCenter >.sellerCenter-div-02{
  position: absolute;
  top: 34%;
  left: 28%;
  width: 25%;
  > img {
    width: 70%;
    margin: 0 auto;
    .setMargin-bottom(10);
  }
  > p{
    .fs(28);
    color: #ffffff;
    text-align: center;
  }
}

.sellerCenter >.sellerCenter-div-03{
  position: absolute;
  top: 28%;
  left: 50%;
  width: 25%;
  > img {
    width: 70%;
    margin: 0 auto;
    .setMargin-bottom(10);
  }
  > p{
    .fs(28);
    color: #ffffff;
    text-align: center;
  }
}

.sellerCenter >.sellerCenter-div-04{
  position: absolute;
  top: 45%;
  left: 68%;
  width: 25%;
  > img {
    width: 55%;
    margin: 0 auto;
    .setMargin-bottom(10);
  }
  > p{
    .fs(28);
    color: #ffffff;
    text-align: center;
  }
}











.sellerCenter >p{
  position: absolute;
  width: 100%;
  text-align: center;
  top: 11%;
  .fs(33);
  z-index: 2;
  color: #ffffff;
}


.select2 >h1{
  .fs(35);
  .setMargin-top(70);
  font-weight: 400;
  text-align: center;
}

.describe{
  .setMargin-top(30);
    width: 100%;
   color:@fc-q;
}
.describe p{
  text-align: center;
  width: 100%;
  .setMargin-top(10);

  .fs(28);

}
.superiority{
  .setMargin-top(30);
}

.superiority >img{
  width: 100%;
}

.ditu_02{
  position: relative;
  width: 100%;
  overflow: hidden;
}
.ditu_02-img2{
  position: absolute;
  width: 74%;
  left: 13%;
  top:35%;

}


.ditu_02-text{
  position: absolute;
  .setTop(65);
  width: 100%;
  color: #ffffff;
  .fs(33);
}
.ditu_02-text >h1{
  font-weight: 400;
  text-align: center;
}
.ditu_02-img1{
  width: 100%;
}
.ditu_02-text >h2{
  .fs(26);
  width: 100%;
  .setMargin-top(15);
  color: @fc-1-q;
  text-align: center;

}

.describe2{
  .setMargin-top(80);

}
.describe2 >h1{
  .fs(38);
  text-align: center;
}

.describe2 :nth-child(2){
  .setMargin-top(27);
}
.describe2 >p{
  width: 100%;
  .setMargin-top(2);
  .fs(28);
  color: #666666;
  text-align: center;
}

.listIcon{
  width: 78%;
  .setMargin-top(55);
  margin-left: 11%;
  color: #666666;
  overflow: hidden;
  .fs(25);
}
.listIcon >div{
  width: 21%;
  float: left;
}
.listIcon >div >img{
  width: 81%;
  margin:0 auto;

}
.listIcon >div >p{
  width: 100%;
.setMargin-top(20);
  text-align: center;
  .fs(25);
}
.listIcon-div{
  margin-left: 5.2%;
}
.listIcon-divSec{
  .setMargin-top(35);
}

.supplier-life{
  position: relative;
  width: 100%;
  .setMargin-top(10);
}
.supplier-life >img{
  width: 100%;
}

.supplier-life >p{
  position: absolute;
  .setTop(50);
  width: 100%;
  .fs(30);
  text-align: center;
  font-weight: bold;
}

.select2-bottom{
  width: 92%;
  .setMargin-top(50);
  margin-left: 4%;
  overflow: hidden;
  margin-bottom: .5rem;
}

.select2-bottom >div{
  width: 33%;
  float: left;

}
.select2-bottom > div > img{
  width: 48%;
  margin: 0 auto;
}
.select2-bottom >div>p{
  width: 114%;
  margin-left: -7%;
  .setMargin-top(10);
  color: #666666;
  .fs(24);
  text-align: center;
}

.select2-bottom-img{
  //margin-left: 4.5%;
}
.select2-bottom-img2{
  .setMargin-top(40);
  margin-left: 15%;
}
.select2-bottom-img3{
  .setMargin-top(40);
  margin-left: 1%;

}

.select3 > .top{
  width: 100%;
  position:relative;
}
.select3 > .top >img{
  width: 100%;
}
.top-icon{
  position: absolute;
  width: 100%;
  top:29%
}
.top-icon > div{
   width: 20%;
  float: left;
}
.top-icon > div > img{
  width: 65%;
  margin: 0 auto;
}
.top-icon > div >p{
  width: 100%;
  text-align: center;
  .fs(24);
  color:@fc-1-s;
  .setMargin-top(10);
}
.top-icon-1{
  margin-left: 15%;
}
.top-icon-2 {
  margin-left: 5%;
  margin-right: 5%;
}
.top-icon-4{
  margin-left: 5%;
}
.top-icon-5 {
  margin: 0 3%;
}
.top-icon-7{
  margin-left: 3%;
}
.top-icon-marginTop{
  .setMargin-top(45);
}
.top > h1{
  position: absolute;
  width: 100%;
  .setMargin-top(70);
  text-align: center;
  .fs(33);
  font-weight: 400;
}

.middle{
  position: relative;
  width: 100%;
}
.middle >img{
  width: 100%;
}
.middle-icon{
  position: absolute;
  width: 100%;
  top:28%;

}

.middle-icon > div{
  width: 20%;
  float: left;

}
.middle-icon > div >img{
  width: 73%;
  margin: 0 auto;
}
.middle-icon > div > p{
  .setMargin-top(7);
  text-align: center;
  color: #ffffff;
  .fs(25);
}

.middle-icon-1{
  margin-left: 15%;
  margin-right: 5%;
}
.middle-icon-3{
  margin-left: 5%;
}
.middle-icon-4{
  margin-left: 27%;
  margin-right: 6%;
}
.middle-marginTop{
  .setMargin-top(20);
}

.middle > h1{
  position: absolute;
  width: 100%;
  text-align: center;
  .setMargin-top(70);
  color: #ffffff;
  .fs(33);
  font-weight: 400;
}

.bottom {
  position: relative;
  width: 100%;
}
.bottom >img  {
  width: 100%;
}
.bottom >h1{
  position: absolute;
  width: 100%;
  .setMargin-top(70);
  text-align: center;
  .fs(33);
  color: #000000;
  font-weight: 400;
}

.bottom-icon{
  position: absolute;
  width: 60%;
  top:46%;
  left: 20%;
}
.bottom-icon >div{
  width: 40%;
  float: left;
}

.bottom-icon >div >img{
  width: 90%;
  margin: 0 auto;
}
.bottom-icon >div >p{
  display: block;
  width: 100%;
  .setMargin-top(25);
  text-align: center;
  .fs(28);
  color:@fc-s;
}
.bottom-icon :nth-child(2){
  float: right;
}

.select4 > h1{
  position: relative;
  .fs(35);
  .setMargin-top(50);
  text-align: center;
}
.select4 > h2{
  position: relative;
  .fs(28);
  .setMargin-top(20);
  font-weight: 400;
  text-align: center;
}

.select4-marginTop{
  .setMargin-top(25);
}
.select4-marginTop60{
  .setMargin-top(60);
}
.select4-marginTop35{
  .setMargin-top(35);
}
.select4-paddingTop{
  padding-top: .1rem;
}
.select4-marginTop10{
  .setMargin-top(10);
}

.select4-text{
  position: relative;
  //display: inline-block;
  width: 86%;
  margin-left: 7%;
  text-align: justify;
  color: #666666;
  .fs(28);
}
.fourBorder{
  position: relative;
  margin-left: 38%;
  margin-top: 15px;
  width: 24%;
  height: .3rem;
}
.fourBorder >div{
  position: absolute;
}

.fourBorder2{
  position: relative;
  margin-left: 24%;
  margin-top: 35px;
  width: 52%;
  height: .3rem;
}
.fourBorder2 >div{
  position: absolute;
}


.fourBorder3{
  position: relative;
  margin-left: 20%;
  margin-top: 35px;
  width: 60%;
  height: .3rem;
}
.fourBorder3 >div{
  position: absolute;
}



.fourBorder-1{
  left: 0;
  top:0;
  border-left: 1px solid #000000;
  border-top:1px solid #000000;
  width: .1rem;
  height:.1rem;
}

.fourBorder-2{

  left: 0;
  bottom:0;
  border-left: 1px solid #000000;
  border-bottom:1px solid #000000;
  width: .1rem;
  height:.1rem;
}

.fourBorder-3{
  right: 0;
  top:0;
  border-right: 1px solid #000000;
  border-top:1px solid #000000;
  width: .1rem;
  height:.1rem;
}


.fourBorder-4{
  right: 0;
  bottom:0;
  border-right: 1px solid #000000;
  border-bottom:1px solid #000000;
  width: .1rem;
  height:.1rem;
}

.fourBorder2 >p{
  width: 100%;
  text-align: center;
  .fs(29);
  line-height: .3rem;

}

.fourBorder3 >p{
  width: 100%;
  text-align: center;
  .fs(29);
  line-height: .3rem;

}
.fourBorder >p{
  width: 100%;
  text-align: center;
  .fs(29);
  line-height: .3rem;
}


.chatu{
  width: 56%;
  .setMargin-top(35);
  margin-left: 22%;
}
.chatu >img {
  width: 100%;
}


.chatu-2{
  width: 100%;
  .setMargin-top(35);

}
.chatu-2 >img {
  width: 100%;
}

.cornerHeader {
  position: relative;
  width: 86%;
  height:.3rem;
  margin-left: 7%;
}

.cornerHeader >span{
  height: 0;
  width: 0;
  position: absolute;
  top: 30%;
  /* transform: translate(0%, -117%); */
  border-radius: 50%;
  color: #000000;
  border: .06rem solid #d6d6d6;
}
.cornerHeader >p{
  position: absolute;
  left: 3%;
 .setMargin-left(20);
  line-height: .3rem;
  font-size: 14px;
  color: #121212;
  top: 0%;

}
.select4-bottom{
  background-color: #f0f2f3;
  padding-top: 7%;
  padding-bottom:12% ;
}

.select4-bottom >h1{
  position: relative;
  .fs(32);
  text-align: center;
}
.select4-bottom > h2{
  position: relative;
  .fs(28);
  .setMargin-top(35);
  text-align: center;
}
.solution-jump-detail {
  padding: .35rem 0 .4rem 0;
  text-align: center;
  .jump-text {
    .fs(35);
    span {
      color: #666;
    }
  }
  .jump-area {
    margin-top: .2rem;
    line-height: .3rem;
    .button-item {
      display: inline-block;
      width: 1.42rem;
      .fs(28);
      border: 1px solid #ddd;
      background: url(../img/aboutUs/introduce_arrow.png) no-repeat 70% center;
      background-size: .05rem;
    }
  }
}




























